import React, {useState, useEffect, useRef} from "react";
import classNames from "classnames";
import * as styles from './index.less';


function ProgressBar(props) {
    const [value, setValue] = useState(0);
    const timeRef = useRef(null);

    useEffect(() => {
      setValue(props.value)
    }, [props.value])

    return <div className={"progress_content"}>
        <div style={{width: `${value}%`}} className={"progress_bar"}></div>
    </div>
}
export default ProgressBar